{include file="common@public/_category" /}
<!--container-->
  <div class="container container-gary">
      <!-- member index -->
      <div class="m-ptb wrap clearfix">
          {include file="common@public/_personal_left"}
          <div class="member-right">
              <div class="member-sign clearfix"><b>安全管理</b></div>
              <div class="member-order min-height">
                  <div class="member-t-gary clearfix">
                      <h3>基础信息</h3>
                  </div>
                  <div class="m-safe-info safe-mb">
                      <div class="m-safe-enter clearfix">
                          <div class="m-safe-txt">账户信息：</div>
                          <div class="m-safe-right">
                              <div class="safe-right-text">{$data.user_name|default="未填写"}</div>
                          </div>
                      </div>
                      <div class="m-safe-enter clearfix">
                          <div class="m-safe-txt">公司名称：</div>
                          <div class="m-safe-right">
                              <div class="safe-right-text">{$data.company|default="未填写"}</div>
                          </div>
                      </div>
                      <div class="m-safe-enter clearfix">
                          <div class="m-safe-txt">手机号码：</div>
                          <div class="m-safe-right">
                              <div class="safe-right-text">{$data.mobile|default="未验证"}</div>
                          </div>
                      </div>
                      <div class="m-safe-enter clearfix">
                          <div class="m-safe-txt">电子邮箱：</div>
                          <div class="m-safe-right">
                              <div class="safe-right-text">{$data.email|default="未验证"}</div>
                          </div>
                      </div>
                      <div class="m-safe-enter clearfix">
                          <div class="m-safe-txt">上次登录：</div>
                          <div class="m-safe-right">
                              <div class="safe-right-text">{$data.lastlogin_time}</div>
                          </div>
                      </div>
                      <div class="m-safe-enter clearfix">
                          <div class="m-safe-txt">安全等级：</div>
                          <div class="m-safe-right">
                              <div class="safe-grade"><i style="color:#34a637">安全</i>
                                  <span class="safe-g-bg"><span class="safe-bg-h" style="width:100%; background:#34a637;"></span></span>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="member-t-gary clearfix">
                      <h3>安全服务</h3>
                      <div class="member-text-r">建议您启动全部安全设置，以保障账户及资金安全</div>
                  </div>
                  <div class="safe-service">
                      <dl>
                          <dd class="s-service-state"><div><img src="/public/static/home/images/safe-icon1.png" /></div>已完成</dd>
                          <dd class="s-service-other">登录密码</dd>
                          <dd class="s-service-prompt">安全性高的密码可以使账号更安全。建议您定期更换密码，且设置一个包含数字和字母，并长度超过6位以上的密码。</dd>
                          <dd class="s-service-more"><a href="{:url('changepassword')}">修改</a></dd>
                      </dl>
                      <dl>
                          <dd class="s-service-state"><div><img {eq name="data['mobile_status']" value="1"} src="/public/static/home/images/safe-icon1.png"{else /} src="/public/static/home/images/safe-icon2.png" {/eq}/></div>{eq name="data['mobile_status']" value="1"}已完成{else /}未完成{/eq}</dd>
                          <dd class="s-service-other">手机绑定</dd>
                          <dd class="s-service-prompt">绑定手机后，您即可享受纯色大王丰富的手机服务，如手机登陆、手机找回密码、开通手机动态密码等。</dd>
                          <dd class="s-service-more"><a href="{:url('changephone')}">修改</a></dd>
                      </dl>
                      <dl>
                          <dd class="s-service-state"><div><img {eq name="data['email_status']" value="1"} src="/public/static/home/images/safe-icon1.png"{else /} src="/public/static/home/images/safe-icon2.png" {/eq}/></div>{eq name="data['email_status']" value="1"}已完成{else /}未完成{/eq}</dd>
                          <dd class="s-service-other">邮箱绑定</dd>
                          <dd class="s-service-prompt">绑定邮箱后，您可以享受纯色大王丰富的邮箱服务，如邮箱登陆、邮箱找回密码。</dd>
                          <dd class="s-service-more"><a href="{:url('changeemail')}">修改</a></dd>
                      </dl>
                  </div>
              </div>
          </div>
      </div>

  </div>

  <!-- footer -->
  <!--#include file="includes/foot.html"-->

<!-- menu -->
<script type="text/javascript" src="/public/static/home/js/menu.js"></script>
<script>
    $(function(){
      //top select
      $(".top-select").mouseover(function () {
        $(".top-s-text").show();
      })
      $(".top-select").mouseout(function () {
        $(".top-s-text").hide();
      })
      $(".top-s-text div").click(function () {
        var selecttext = $(this).text();
        $(".top-s-head span").text(selecttext);
        $(this).parent(".top-s-text").hide()
      })
      // top code
      var turn = function(target,time,opts){
        target.find('.top-code').hover(function () {
            $(this).find('.top-c-img').stop().animate(opts[0], time, function () {
			$(this).hide().next().show();
			$(this).next().animate(opts[1],time);
	   });
	   },function(){
	        $(this).find('.top-c-text').animate(opts[0], time, function () {
			    $(this).hide().prev().show();
			    $(this).prev().animate(opts[1],time);
		    });
	     });
        }
        var verticalOpts = [{'width':0},{'width':'80px'}];
        turn($('.top-right'), 150, verticalOpts);
        //menu all
        $(".menu-all div").mouseenter(function () {
            $(this).addClass("current");
            $(".submenu").show();
        })
       $(".menu-all div").mouseleave(function () {
            $(this).removeClass("current");
            $(".submenu").hide();
        })
        $(".submenu").mouseenter(function(){
           $(this).show();
           $(".menu-all div").addClass("current")
        })
        $(".submenu").mouseleave(function(){
           $(this).hide();
           $(".menu-all div").removeClass("current")
        })
        //left submenu
        $(".submenu ul li").each(function () {
            var $this = $(this);
            var $children = $this.find('.submenu-pro');
            var $otherChildren = $this.siblings('li').find('.submenu-pro');
            var $childrenList = $children.children('.submenu-total');
            $this.on({
                'mouseenter': function () {
                    $children.css({ 'display': 'block', 'width': 221 * parseInt($childrenList.size()) });
                    $otherChildren.css('display', 'none');
                },
                'mouseleave': function () {
                    $children.css('display', 'none');
                }
            })
        });

        //member left
        $(".member-l-title").click(function(){
           $(this).parent(".member-l-list").toggleClass("m-current");
           $(this).parent(".member-l-list").find("ul").slideToggle()
        })
    })
</script>